function getTop10(){
	getTopData('vote');
	getTopData('kbi');
	bindClickButton();
}//END func getTop10

function bindClickButton(){
	jQuery("#clickRoom").click(function(){
		jQuery(this).removeClass('tab2-b').addClass('tab2-a');
		jQuery("#clickVote").removeClass('tab2-a').addClass('tab2-b');
		jQuery("#menuVote").hide();
		jQuery("#menuRoom").show();
		getTopData('room');
	});

	jQuery("#clickVote").click(function(){
		jQuery(this).removeClass('tab2-b').addClass('tab2-a');
		jQuery("#clickRoom").removeClass('tab2-a').addClass('tab2-b');
		jQuery("#menuRoom").hide();
		jQuery("#menuVote").show();
		getTopData('vote');
	});

	jQuery("#clickGift").click(function(){
		jQuery(this).removeClass('tab2-b').addClass('tab2-a');
		jQuery("#clickKbi").removeClass('tab2-a').addClass('tab2-b');
		jQuery("#menuKbi").hide();
		jQuery("#menuGift").show();
		getTopData('gift');
	});

	jQuery("#clickKbi").click(function(){
		jQuery(this).removeClass('tab2-b').addClass('tab2-a');
		jQuery("#clickGift").removeClass('tab2-a').addClass('tab2-b');
		jQuery("#menuGift").hide();
		jQuery("#menuKbi").show();
		getTopData('kbi');
	});
} //END func bindClickButton()


function getTopData( flag ){
	
	jQuery.post("showTopBg.php", {
		action: 'getTopData',
		type: flag
		}, function(data, textStatus){
			//alert(data);
			showTop( data, flag );
			}, 'json');
	
}//END func getTopData

function showTop( data , flag ){
	if (flag == 'room' || flag == 'vote') 
		jQuery("#Top1").empty();
	else 
		jQuery("#Top2").empty();
	
	if(data['msg'] == 1) {
		
		jQuery.each(data['top'], function(i,n){
			var out = '';
			if(flag == 'room') {
				out = "<tr align=\"center\" height=\"20\"><td  width=\"30\" class=\"color-3 font-w\">"
					+ (Number(i)+1) +"</td><td width=\"90\" title=\"" + n['name'] +"\">"
					+ "<a href=\"ptprs:ptproom?uin="+ n['id'] +"&ip=&port=8012&tp=\">"+ n['name']
					+ "</a></td><td width=\"60\" class=\"color-3\">"+ n['rank']
					+ "</td></tr>";

			}else
				out = "<tr align=\"center\" height=\"20\"><td width=\"30\" class=\"color-3 font-w\">"
					+ (Number(i)+1) +"</td><td width=\"90\" title=\"" + n['name'] +"\">" + n['name']
					+ "</td><td width=\"60\" class=\"color-3\">"+ n['rank']
					+ "</td></tr>"; 
			//alert( out );
			if (flag == 'room' || flag == 'vote') 
				jQuery("#Top1").append(out);
			else 
				jQuery("#Top2").append(out);
			
		});
	}
}//END func showTop
